<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .color{
            color:red;
        }
        .other-color{
            color:blue;
        }
    </style>
</head>
<body>
<h1>本示例要做的事</h1>
<ol>
    <li>找到要访问的元素，放到临时变量中</li>
    <li>判断它是否有特定的属性</li>
    <li>删除它的属性</li>
</ol>
<ul>
    <li class="color">油条</li>
    <li class="color" id="b">包子</li>
    <li class="color">米饺</li>
    <li class="color" id="d"><a>鱼粉</a></li>
</ul>

<script>
    // 找到要操作的元素
    var EL = document.getElementById('b');
    // 判断是否有属性class
    if(EL.hasAttribute('class')){
        alert(EL.getAttribute('class'));
        // 删除属性
        EL.removeAttribute('class');
    }

</script>
</body>
</html>